<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 1.ES6继承
    // class Parent {
    //   constructor() {
    //     this.age = 18;
    //   }
    // }
    // class Child extends Parent {
    //   constructor() {
    //     super();
    //     this.name = "张三";
    //   }
    // }

    // let o1 = new Child();
    // console.log(o1, o1.name, o1.age);

    // 2.原型链继承
    // function Parent() {
    //   this.age = 20;
    // }
    // function Child() {
    //   this.name = "张三";
    // }

    // Child.prototype = new Parent();

    // let o2 = new Child();
    // console.log(o2, o2.name, o2.age);

    //3.借用构造函数继承
    function Parent() {
      this.age = 22;
    }
    function Child() {
      this.name = "张三";
      Parent.call(this);
    }
    let o3 = new Child();
    console.log(o3, o3.name, o3.age);
  </script>
</html>
